<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>浏览器检测</title>
	<link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
	<script type="text/javascript" src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
	<style type="text/css">
		#asdasd>tr>td{border: 1px solid #a4d0a4;}
	</style>
</head>
<body>

<div class="container-fluid">
	<div class="col-md-12">检测当前浏览器版本，以及操作系统版本！</div>
	<div class="col-md-12">
		<table id="asdasd" class="table table-bordered table-hover table-condensed">
			<tr>
				<td>名称</td>
				<td>内容</td>
			</tr>
		</table>
	</div>
</div>

<script type="text/javascript">
	// 属性
	var navigators = window.navigator;// 获取浏览器(navigator)对象
	console.log(navigators);
	var list = "";
	var userAgent = navigators.userAgent;// 返回浏览器用于HTTP请求的用户代理头的值
	list += '<tr><td>HTTP用户代理头</td><td>' + userAgent + '</td></tr>';
	var platform = navigators.platform;// 返回运行浏览器的操作系统和(或)硬件平台
	list += '<tr><td>操作系统</td><td>' + platform + '</td></tr>';
	var cookieEnabled = navigators.cookieEnabled;// 返回浏览器是否启用cookie(true: 是、false: 否)
	list += '<tr><td>是否启用cookie</td><td>' + cookieEnabled + '</td></tr>';
	var geolocation = navigators.geolocation;// 返回地理定位信息
	list += '<tr><td>地理定位信息</td><td>' + geolocation + '</td></tr>';
	var onLine = navigators.onLine;// 系统是否处于脱机模式(连接互联网)(true: 是、false: 否)
	list += '<tr><td>否处于脱机模式</td><td>' + onLine + '</td></tr>';
	var vendor=navigators.vendor;// 供应商
	list += '<tr><td>供应商</td><td>' + vendor + '</td></tr>';
	$("#asdasd").append(list);
</script>

</body>
</html>